.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}


.hear{
     width:100%;
    position: fixed;
    left: 0;
    top: 0;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content:space-around;
  
    span{
        color: #FFFDEF;
        .pxToRem(font-size, 35);
    }
   
}


.main{
    width: 100%;
.pxToRem(margin-top,105);
background:linear-gradient(180deg,#f3dab6,#fff);
.top{
      width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
         .pxToRem(padding-top,20);
        
        
          .xiao{ 
              &:last-child{
                  border-top:none;
              }
               .pxToRem(width,650);
               border: 1px solid #B69967;
                background: #fff;
          p{
           
            
              display: flex;
              align-items: center;
              justify-content: center;
             
            box-sizing: border-box;
             span{
            display: flex;
              align-items: center;
              justify-content: center;
           .pxToRem(width,110);
            .pxToRem(height,110);
           color: #b69976;
            .pxToRem(font-size,60);
                       }
            input{
                flex: 1;
            height:100%;
            border: none;
            .pxToRem(font-size,30);
            color: #dddddd;
            .pxToRem(letter-spacing, 5);
            }
        }
    }  
}
.bottom{
    .pxToRem(margin-top,50);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .zc{
        
         .pxToRem(width,650);
          .pxToRem(height,90); 
          background: #b69976;
          color: #fff;
          .pxToRem(font-size,30);
    }
}
}
